@charset "UTF-8";
/* CSS Document */



body, html {
	height: 100%;
	margin: 0;
	
}

body {
	background-image: url(images/backgroundgif.gif);
	height: 100%;
	background-position: center;
	background-repeat: repeat-y;
	background-size: cover;
}

.uppercrust {
	padding-bottom: 5%;
	padding-left: 2%;
}

.pastaamore {
	padding-bottom: 5%;
	padding-left: 1%;
	padding-right: 1%;
}

.tgarrett {
	padding-bottom: 5%;
	padding-right: 2%;
}

.mckenzie {
	padding-bottom: 5%;
	padding-left: 2%;
}

.bwalker {
	padding-bottom: 5%;
	padding-left: 1%;
	padding-right: 1%;
}

.bkco {
	padding-bottom: 5%;
	padding-right: 2%;
}

.carouselslide {
	padding-top: 10%;
	
	
	
}


.footer {
	color: #F3778B;
	text-align: center;
	font-size: 1.5rem;
	font-family: BPreplay;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #ffffff;
	padding-top: 1%;
	padding-bottom: .5%;
}

.logo {
	
}

.nav1 {
	padding-top: 20%;
	padding-left: 30%;
	padding-bottom: 4%;
	
}
	
.nav1 li {
	color: #a0c769;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	padding-right: 15%;
	vertical-align: middle;
	font-size: 2rem;
	font-family: BPreplay;
	
	
	
}

.nav1 li a {
	display: block;
	color: #a0c769;
	text-decoration: none;
	text-align: center;
	
}

.nav2 {
	padding-top: 20%;
	padding-bottom: 4%;
	padding-left: 4%;
	padding-right: 20%;
	
}
	
.nav2 li {
	color: #a0c769;
	display: inline-block;
	text-align:center;
	text-decoration: none;
	vertical-align: middle;
	font-size: 2rem;
	font-family: BPreplay;
	padding-left: 5%;
	padding-right: 7%;
	
	
	
}

.nav2 li a {
	display: block;
	color: #a0c769;
	text-decoration: none;
	text-align: center;
	
}




.smallnav {
	text-align: center;
	padding-top: 2%;
	
}

.smallnav li {
	color: #a0c769;
	display: inline-block;
	text-align:center;
	text-decoration: none;
	vertical-align: middle;
	font-size: 1.5rem;
	font-family: BPreplay;
	padding-left: 5%;
	padding-right: 5%;
}

.smallnav li a {
	display: block;
	color: #a0c769;
	text-decoration: none;
	text-align: center;
}

li a:hover {
	color: #2eb1c8;
}

.resumelink {
	text-align: center;
	color: #a0c769;
	text-decoration: none;
	font-family: BPreplay;
	display: block;
	font-size: 1rem;
	padding-top: 5%;
}


.profile {
	padding-left: 3%;
	padding-top: 10%;
}

.email {
	padding-right: 3%;
	padding-top: 10%;
}

.phone {
	padding-top: 10%;
}

.school {
	padding-top: 10%;
	padding-right: 3%;
}

.work {
	padding-top: 10%;
	padding-right: 3%;
}

.businessfront {
	padding-bottom: 10%;
	
}

.businessback {
	padding-bottom: 10%;
	
	
}

.resume {
	padding-bottom: 5%;
}

.letterhead {
	padding-bottom: 5%;

}

.leavebehindfront {
	padding-bottom: 5%;
}

.leavebehindback {
	padding-bottom: 5%;
}

.branddesign {
	padding-bottom: 10%;
	padding-top: 7%;
}

.printdesign {
	padding-bottom: 10%;
	padding-top: 7%;
}

.magazinedesign {
	padding-bottom: 10%;
}

.webdesign {
	padding-bottom: 10%;
}

.covers {
	padding-left: 5%;
	padding-top: 10%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	
}

.ads {
	padding-right: 5%;
	padding-top: 10%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	padding-bottom: 5%;
}

.spreads {
	padding-top: 10%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	
}

.menufront{
	padding-top: 5%;
	padding-bottom: 5%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	
}

.menuback {
	padding-bottom: 5%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	
}

.brochurefront {
	padding-bottom: 5%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	
}

.brochureback {
	padding-bottom: 5%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	
}

h1 {
	text-align: center;
	font-family: BPreplay;
	
}

.pastaamoreheader {
	padding-top: 5%;
}

.pastaamoreheader2 {
	padding-bottom: 3%;
}

.amethystbayspa {
	padding-top: 5%;
	padding-bottom: 3%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
}

.spreadheader {
	padding-top: 5%;
	padding-bottom: 3%;
}

.businesscardheader {
	padding-top: 5%;
	padding-bottom: 3%;
	
}

.businesscard {
	padding-bottom: 5%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	
}

.envelopeheader {
	padding-bottom: 3%;
	
}
.envelope {
	padding-bottom: 5%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	
}

.letterhead {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	
}

.letterheadheader {
	padding-bottom: 3%;
	
}

.magheader {
	padding-top: 5%;
	padding-bottom: 3%;
	
}

.mag {
	padding-bottom: 5%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	
}

.magheadertwo {
	padding-bottom: 3%;
	
}

.magtwo {
	padding-bottom: 5%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	
}

.link {
	text-align: center;
	font-family: BPreplay;
	font-size: 1.5rem;
}

.pastaamoreweb {
	padding-top: 5%;
	padding-bottom: 3%;

}

.mockupimage {
	padding-bottom: 5%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	
}

.tgbusinesscardfront {
	padding-bottom: 5%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	
	
}

.businesscardback {
	padding-bottom: 5%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	
}

.tgbusinesscardheader {
	padding-top: 5%;
	padding-bottom: 3%;
	
}

.tgbusinesscardheaderback {
	padding-bottom: 3%;
	
}

.webadheader {
	padding-top: 5%;
	padding-bottom: 3%;
	
}

.webad {
	padding-bottom: 5%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	
}

.branddesign {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	
	
}

.printdesign {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	
}

.magazinedesign {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	
}

.webdesign {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	
	
}

.tgarrett {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	
}

.upperbakery {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	
}

.pastaamoreitems {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	

}

.pastaamoreitems2 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	padding-bottom: 5%;
	
}

.amethystwebad {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	padding-bottom: 5%;
	
}

.spread {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	padding-bottom: 5%;
}

.amethyst {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	padding-bottom: 5%;
	
}



@font-face { font-family: BPreplay; src: url('BPreplay.otf');}

@media (min-width:1250px) {
	.smallnav {
		display:none;
	}
}

@media (max-width:1250px) {
	.nav1 {
		display: none;
	}
	
	.nav2 {
		display: none;
	}
}

@media (max-width:1000px){
	.logo2 {
		display: block;
	margin-left: auto;
	margin-right: auto;
		width: 50%;
	}
}

@media (max-width:768px) {
	.nav1 {
		display: none;
	}
	
	.nav2 {
		display: none;
	}
	.logo2 {
		width: 50%;
	}
}

@media (max-width:560px) {
	.smallnav li {
		font-size: 1rem;
		padding-left: 2%;
		padding-right: 2%;
	}
	.covers {
		padding-left: 0%;
	}
	.ads {
		padding-right: 0%;
	}
	
}